<!--
 * @Author: yy 2801140091@qq.com
 * @Date: 2022-09-07 14:08:21
 * @LastEditors: yy 2801140091@qq.com
 * @LastEditTime: 2022-09-07 14:29:22
 * @FilePath: \wh2212二阶段\day23\课堂代码\html\07ajax.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <ul>

    </ul>

    <script>

        // ajax:  asynchronous javascript and xml   异步无刷新技术

        //    asynchronous  异步   async异步     sync同步

        //    xml 是一个数据格式    ---  被json取代


        // ajax: 实现前后端的数据交互
        //    前端需要向服务器请求数据




        // 前端  画页面     有时候需要模拟接口数据

        // 后端  设计数据库 + 写接口(最终返回的是数组或者对象---json)


        // 前端需要向后端请求数据(接口)   ajax  异步的



        // 同步和异步


        // js是一门单线程的语言
        //   event loop   事件循环
        //   执行同步任务
        //   遇到异步就存在任务队列中(不排队的)
        //   同步任务执行完毕，主线程清空
        //   任务队列谁先执行，去主线程上执行
        //   先执行同步，主线程清空
        //   任务队列谁先执行，去主线程上执行
        //   。。。

        // 



        console.log(1);

        setTimeout(() => {
            console.log(5);
        }, 300)

        setTimeout(() => {
            setTimeout(() => {
                console.log(4);
            }, 500)
            console.log(2);
        }, 10)

        console.log(3);


        // 1 3  2  5  4


    </script>

</body>

</html>